<template>
	<div id="app">
		<!-- <keep-alive exclude="List,Login">
			<router-view></router-view>
		</keep-alive> -->
		<router-view></router-view>
	</div>
</template>

<script type="text/javascript">
	export default {
		data: function() {
			return {};
		},
		created: function() {
			if (document.getElementById('Loading')) {
				document.getElementById('Loading').remove();
			}
		},
		methods: {}
	};
</script>

<style lang="scss">
	#app {
		font-family: Avenir, Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color: #2c3e50;
	}
	
	.van-dialog__header, .van-button__text {
		font-size: 32px !important;
	}
	
	.van-dialog__message, .van-button__text {
		font-size: 24px !important;
		padding: 30px 0 !important;
	}
	
	.page {
		background-color: #fff;
		width: 100%;
		max-width: 750px !important;
		min-height: 100vh;
		margin: 0 auto;
		padding-bottom: 30px;
	}
	
	.logo {
		width: 100%;
		height: 100px;
		background-color: #060143;
		position: relative;
		z-index: 10;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 35px 30px;
		box-sizing: border-box;
	
		.logo-img {
			width: 68px;
			height: 55px;
		}
	
		.right-ic {
			display: flex;
			align-items: center;
			font-size: 24px;
			color: #fff;
	
			img {
				width: 30px;
				height: 30px;
				margin-right: 10px;
			}
		}
	}
	.content * {
		max-width: 690px;
	}
</style>